<template>
	<div class="step1">
		<ul class="uls">
			<li class="lis">
				<div class="div1">
					<el-form><el-form-item label="责任人"></el-form-item></el-form>
				</div>
				<div class="div3">
					{{ !!titleList.personLiableName ? titleList.personLiableName : name }}
				</div>
			</li>

			<li class="lis">
				<hoverCom class="div1" title="是否具备创新属性" hoverPerproty="isInnovateNature" :required="false" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('isInnovateNature', '是否具备创新属性', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div3">
					<el-radio-group v-model="titleList.isInnovateNature" :disabled="isBaseDisabled" @change="changeClear(['innovateNatureRemark'])">
						<el-radio label="0">是</el-radio>
						<el-radio label="1">否</el-radio>
					</el-radio-group>
				</div>
			</li>

			<li class="lis" v-if="titleList.isInnovateNature == '0'">
				<hoverCom class="div1" title="创新属性" hoverPerproty="innovateNatureRemark" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('innovateNatureRemark', '创新属性', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div3">
					<el-input
						maxlength="1000"
						type="textarea"
						class="blurBorder"
						v-model="titleList.innovateNatureRemark"
						:disabled="isBaseDisabled"
						@input="focusUpdate"
						show-word-limit
						style="width: 100%"
						placeholder="最大字数为1000字"
					></el-input>
					<div class="blurmsg" v-if="isCheck && !!!titleList.innovateNatureRemark">请输入创新属性备注</div>
				</div>
			</li>

			<li class="lis">
				<hoverCom class="div2" title="基金代码（六位）" hoverPerproty="fundCode" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('fundCode', '基金代码（六位）', 'baseInfo')">(未复核)</span>
				</hoverCom>
				<div class="div2">
					<el-input v-model="titleList.fundCode" :disabled="isBaseDisabled" maxlength="6" @input="focusUpdate"></el-input>
					<div class="blurmsg" v-if="isCheck && !!!titleList.fundCode">请输入基金代码</div>
				</div>
				<hoverCom class="div2" title="产品简称" hoverPerproty="fundName" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('fundName', '产品简称', 'baseInfo')">(未复核)</span>
				</hoverCom>
				<div class="div2">
					<el-input v-model="titleList.fundName" :disabled="isBaseDisabled" @input="focusUpdate"></el-input>
					<div class="blurmsg" v-if="isCheck && !!!titleList.fundName">请输入产品简称</div>
				</div>
			</li>

			<li class="lis">
				<hoverCom class="div2" title="产品名称" hoverPerproty="fundFullName" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('fundFullName', '产品名称', 'baseInfo')">(未复核)</span>
				</hoverCom>
				<div class="div2">
					<el-input v-model="titleList.fundFullName" :disabled="isBaseDisabled" @input="focusUpdate"></el-input>
					<div class="blurmsg" v-if="isCheck && !!!titleList.fundFullName">请输入 产品名称</div>
				</div>
				<hoverCom class="div2" title="产品英文名称" hoverPerproty="fundEnglishName" :required="false" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('fundEnglishName', '产品英文名称', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-input v-model="titleList.fundEnglishName" :disabled="isBaseDisabled" @input="focusUpdate"></el-input>
				</div>
			</li>

			<li class="lis">
				<hoverCom class="div2" title="产品品牌（人行二期）" hoverPerproty="productBrand" :required="false" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('productBrand', '产品品牌（人行二期）', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-input v-model="titleList.productBrand" :disabled="isBaseDisabled" @input="focusUpdate"></el-input>
				</div>
				<hoverCom class="div2" title="产品期次（人行二期）（四位）" hoverPerproty="productPeriod" :required="false" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('productPeriod', '产品期次（人行二期）（四位）', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-input v-model="titleList.productPeriod" :disabled="isBaseDisabled" maxlength="6" @input="focusUpdate"></el-input>
				</div>
			</li>

			<li class="lis">
				<hoverCom class="div2" title="转型前产品正式代码" hoverPerproty="evolveBeforeCode" :required="false" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('evolveBeforeCode', '转型前产品正式代码', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-input
						v-model="titleList.evolveBeforeCode"
						@change="titleList.evolveBeforeCode = titleList.evolveBeforeCode ? titleList.evolveBeforeCode.trim() : ''"
						:disabled="isBaseDisabled"
						@input="codeChange('formalEvolveDate')"
					></el-input>
				</div>
				<hoverCom class="div2" title="核准文号" hoverPerproty="approvalSymbol" :required="false" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('approvalSymbol', '核准文号', 'baseInfo')">(未复核)</span>
				</hoverCom>
				<div class="div2">
					<el-input v-model="titleList.approvalSymbol" :disabled="isBaseDisabled" @input="focusUpdate"></el-input>
				</div>
			</li>

			<li class="lis">
				<hoverCom class="div2" title="运作方式" hoverPerproty="operateMode" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('operateMode', '运作方式', 'baseInfo')">(未复核)</span>
				</hoverCom>
				<div class="div2" :class="{ div3: titleList.operateMode !== '1' }">
					<el-select
						v-model="titleList.operateMode"
						filterable
						clearable
						:disabled="isBaseDisabled"
						@change="codeChange('nextOpenFirstDate')"
					>
						<el-option value="" label="--请选择--"></el-option>
						<el-option
							v-for="(item, index) in productDictList.operateMode"
							:key="item.typeCode + index + '1'"
							:label="item.typeName"
							:value="item.typeCode"
						>
						</el-option>
					</el-select>
					<div class="blurmsg" v-if="isCheck && !!!titleList.operateMode">请选择运作方式</div>
				</div>
				<hoverCom
					class="div2"
					title="开放频率（证监）"
					hoverPerproty="openFrequency"
					:required="true"
					:dataType="dataType"
					@change="focusUpdate"
					v-if="titleList.operateMode == '1'"
				>
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('openFrequency', '开放频率（证监）', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2" v-if="titleList.operateMode == '1'">
					<el-select
						filterable
						clearable
						v-model="titleList.openFrequency"
						:disabled="isBaseDisabled"
						@change="codeChange('nextOpenFirstDate', 'baseInfo')"
					>
						<el-option value="" label="--请选择--"></el-option>
						<el-option
							v-for="(item, index) in productDictList.openFrequency"
							:key="item.typeCode + index + '2'"
							:label="item.typeName"
							:value="item.typeCode"
						>
						</el-option>
					</el-select>
					<div class="blurmsg" v-if="isCheck && !!!titleList.openFrequency">请选择开放频率（证监）</div>
				</div>
			</li>

			<li class="lis" v-if="titleList.operateMode == '1' && titleList.openFrequency == '9'">
				<hoverCom class="div2" title="开放频率（证监）备注" hoverPerproty="openFrequencyRemark" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('openFrequencyRemark', '开放频率（证监）备注', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div3">
					<el-input
						type="textarea"
						v-model="titleList.openFrequencyRemark"
						:disabled="isBaseDisabled"
						show-word-limit
						style="width: 100%"
						@input="focusUpdate"
					></el-input>
					<div class="blurmsg" v-if="isCheck && !!!titleList.openFrequency">请输入开放频率（证监）备注</div>
				</div>
			</li>

			<li class="lis">
				<hoverCom
					class="div2"
					title="非港股通交易日是否暂停申赎"
					hoverPerproty="noneHKTIsStopApplyRansom"
					:required="true"
					:dataType="dataType"
				>
					<span
						class="clolos"
						v-if="['6'].includes(dataType) && publicCompare('noneHKTIsStopApplyRansom', '非港股通交易日是否暂停申赎', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div3">
					<el-radio-group v-model="titleList.noneHKTIsStopApplyRansom" :disabled="isBaseDisabled" @change="focusUpdate">
						<el-radio label="0">是</el-radio>
						<el-radio label="1">否</el-radio>
					</el-radio-group>
					<div class="blurmsg" v-if="isCheck && !!!titleList.noneHKTIsStopApplyRansom">请确认非港股通交易日是否暂停申赎</div>
				</div>
			</li>

			<li class="lis">
				<hoverCom class="div2" title="受托责任" hoverPerproty="fiduciaryDuty" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('fiduciaryDuty', '受托责任', 'baseInfo')">(未复核)</span>
				</hoverCom>
				<div class="div2">
					<el-select v-model="titleList.fiduciaryDuty" filterable :disabled="isBaseDisabled" @change="focusUpdate">
						<el-option value="" label="--请选择--"></el-option>
						<el-option
							v-for="(item, index) in productDictList.fiduciaryDuty"
							:key="item.typeCode + index + '3'"
							:label="item.typeName"
							:value="item.typeCode"
						>
						</el-option>
					</el-select>
					<div class="blurmsg" v-if="isCheck && !!!titleList.fiduciaryDuty">请选择受托责任</div>
				</div>
				<hoverCom class="div2" title="预期募集金额" hoverPerproty="expectRaiseAmount" :required="false" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('expectRaiseAmount', '预期募集金额', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-input v-model="titleList.expectRaiseAmount" :disabled="isBaseDisabled" @input="focusUpdate"></el-input>
				</div>
			</li>

			<li class="lis">
				<hoverCom class="div2" title="结算币种" hoverPerproty="settleCurrency" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('settleCurrency', '结算币种', 'baseInfo')">(未复核)</span>
				</hoverCom>
				<div class="div2">
					<el-select v-model="titleList.settleCurrency" filterable clearable :disabled="isBaseDisabled" @change="focusUpdate">
						<el-option value="" label="--请选择--"></el-option>
						<el-option
							v-for="(item, index) in productDictList.settleCurrency"
							:key="item.typeCode + index + '4'"
							:label="item.typeName"
							:value="item.typeCode"
						>
						</el-option>
					</el-select>
					<div class="blurmsg" v-if="isCheck && !!!titleList.settleCurrency">请选择结算币种</div>
				</div>
				<hoverCom class="div2" title="面值（单位:元）" hoverPerproty="faceValue" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('faceValue', '面值（单位:元）', 'baseInfo')">(未复核)</span>
				</hoverCom>
				<div class="div2">
					<el-input v-model="titleList.faceValue" :disabled="isBaseDisabled" @input="scale(titleList, 'faceValue')"></el-input>
					<div class="blurmsg" v-if="isCheck && !!!titleList.faceValue">请输入面值（单位:元）</div>
				</div>
			</li>

			<li class="lis">
				<hoverCom class="div2" title="产品类别" hoverPerproty="fundType" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('fundType', '产品类别', 'baseInfo')">(未复核)</span>
				</hoverCom>
				<div class="div2">
					<el-select v-model="titleList.fundType" clearable :disabled="isBaseDisabled" @change="focusUpdate">
						<el-option key="" label="--请选择--" value=""> </el-option>
						<el-option
							v-for="(item, index) in productDictList.fundType"
							v-show="index < 6"
							:key="item.typeCode + index + '4'"
							:label="item.typeName"
							:value="item.typeCode"
						>
						</el-option>
					</el-select>
					<div class="blurmsg" v-if="isCheck && !!!titleList.fundType">请选择产品类别</div>
				</div>
				<hoverCom class="div2" title="混合型细分类" hoverPerproty="mixedInvestBias" :required="false" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('mixedInvestBias', '混合型细分类', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-select v-model="titleList.mixedInvestBias" filterable clearable :disabled="isBaseDisabled" @change="focusUpdate">
						<el-option value="" label="--请选择--"></el-option>
						<el-option
							v-for="(item, index) in productDictList.mixedInvestBias"
							:key="item.typeCode + index + '5'"
							:label="item.typeName"
							:value="item.typeCode"
						>
						</el-option>
					</el-select>
				</div>
			</li>

			<li class="lis">
				<hoverCom class="div2" title="产品类型（人行二期）" hoverPerproty="pobcFundType" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('pobcFundType', '产品类型（人行二期）', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-select v-model="titleList.pobcFundType" clearable :disabled="isBaseDisabled" @change="focusUpdate">
						<el-option key="" label="--请选择--" value=""> </el-option>
						<el-option
							v-for="(item, index) in productDictList.fundType"
							v-show="index >= 6"
							:key="item.typeCode + index + '4'"
							:label="item.typeName"
							:value="item.typeCode"
						>
						</el-option>
					</el-select>
					<div class="blurmsg" v-if="isCheck && !!!titleList.pobcFundType">请选择产品类型（人行二期）</div>
				</div>
				<hoverCom class="div2" title="是否持有期基金" hoverPerproty="isHoldFund" :required="false" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('isHoldFund', '是否持有期基金', 'baseInfo')">(未复核)</span>
				</hoverCom>
				<div class="div2">
					<el-radio-group v-model="titleList.isHoldFund" :disabled="isBaseDisabled" @change="codeChange('firstRedemptionDate')">
						<el-radio label="0">是</el-radio>
						<el-radio label="1">否</el-radio>
					</el-radio-group>
				</div>
			</li>

			<li class="lis">
				<hoverCom class="div2" title="一码通账户账号" hoverPerproty="oneYardPassAccount" :required="false" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('oneYardPassAccount', '一码通账户账号', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-input v-model="titleList.oneYardPassAccount" :disabled="isBaseDisabled" @input="focusUpdate"></el-input>
				</div>
				<hoverCom class="div2" title="风险等级" hoverPerproty="riskGrade" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('riskGrade', '风险等级', 'baseInfo')">(未复核)</span>
				</hoverCom>
				<div class="div2">
					<el-select v-model="titleList.riskGrade" filterable clearable :disabled="isBaseDisabled" @change="focusUpdate">
						<el-option value="" label="--请选择--"></el-option>
						<el-option
							v-for="(item, index) in productDictList.riskGrade"
							:key="item.typeCode + index + '6'"
							:label="item.typeName"
							:value="item.typeCode"
						>
						</el-option>
					</el-select>
					<div class="blurmsg" v-if="isCheck && !!!titleList.riskGrade">请选择风险等级</div>
				</div>
			</li>

			<li class="lis">
				<hoverCom class="div2" title="业绩比较基准" hoverPerproty="performanceBaseline" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('performanceBaseline', '业绩比较基准', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-input v-model="titleList.performanceBaseline" :disabled="isBaseDisabled" @input="focusUpdate"></el-input>
					<div class="blurmsg" v-if="isCheck && !!!titleList.performanceBaseline">请输入业绩比较基准</div>
				</div>
				<hoverCom class="div2" title="是否挂牌转让" hoverPerproty="isListTransfer" :required="false" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('isListTransfer', '是否挂牌转让', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-radio-group v-model="titleList.isListTransfer" :disabled="isBaseDisabled" @change="focusUpdate">
						<el-radio label="0">是</el-radio>
						<el-radio label="1">否</el-radio>
					</el-radio-group>
				</div>
			</li>

			<li class="lis">
				<hoverCom class="div2" title="是否QDII" hoverPerproty="isQdii" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('isQdii', '是否QDII', 'baseInfo')">(未复核)</span>
				</hoverCom>
				<div class="div2">
					<el-radio-group v-model="titleList.isQdii" :disabled="isBaseDisabled" @change="focusUpdate">
						<el-radio label="0">是</el-radio>
						<el-radio label="1">否</el-radio>
					</el-radio-group>
					<div class="blurmsg" v-if="isCheck && !!!titleList.isQdii">请确认是否QDII</div>
				</div>
				<hoverCom class="div2" title="是否指数基金" hoverPerproty="isIndexFund" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('isIndexFund', '是否指数基金', 'baseInfo')">(未复核)</span>
				</hoverCom>
				<div class="div2">
					<el-radio-group v-model="titleList.isIndexFund" :disabled="isBaseDisabled" @change="clearFileData('applyAgreementId')">
						<el-radio label="0">是</el-radio>
						<el-radio label="1">否</el-radio>
					</el-radio-group>
					<div class="blurmsg" v-if="isCheck && !!!titleList.isIndexFund">请确认是否指数基金</div>
				</div>
			</li>

			<li class="lis">
				<hoverCom class="div2" title="是否保本" hoverPerproty="isBreakeven" :required="false" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('isBreakeven', '是否保本', 'baseInfo')">(未复核)</span>
				</hoverCom>
				<div class="div3">
					<el-radio-group v-model="titleList.isBreakeven" :disabled="isBaseDisabled" @change="focusUpdate">
						<el-radio label="0">是</el-radio>
						<el-radio label="1">否</el-radio>
					</el-radio-group>
				</div>
			</li>

			<li class="lis">
				<hoverCom class="div2" title="是否内地互认基金" hoverPerproty="isMutualFund" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('isMutualFund', '是否内地互认基金', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-radio-group v-model="titleList.isMutualFund" :disabled="isBaseDisabled" @change="focusUpdate">
						<el-radio label="0">是</el-radio>
						<el-radio label="1">否</el-radio>
					</el-radio-group>
					<div class="blurmsg" v-if="isCheck && !!!titleList.isMutualFund">请确认是否内地互认基金</div>
				</div>
				<hoverCom class="div2" title="是否为主动管理" hoverPerproty="isActiveManage" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('isActiveManage', '是否为主动管理', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-radio-group v-model="titleList.isActiveManage" :disabled="isBaseDisabled" @change="focusUpdate">
						<el-radio label="0">是</el-radio>
						<el-radio label="1">否</el-radio>
					</el-radio-group>
					<div class="blurmsg" v-if="isCheck && !!!titleList.isActiveManage">请确认是否为主动管理</div>
				</div>
			</li>

			<li class="lis">
				<hoverCom class="div2" title="管理方式（人行二期）" hoverPerproty="managerStyle" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('managerStyle', '管理方式（人行二期）', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-radio-group v-model="titleList.managerStyle" :disabled="isBaseDisabled" @change="focusUpdate">
						<el-radio label="0">集合管理</el-radio>
						<el-radio label="1">单独管理</el-radio>
					</el-radio-group>
					<div class="blurmsg" v-if="isCheck && !!!titleList.managerStyle">请选择管理方式（人行二期）</div>
				</div>
				<hoverCom
					class="div2"
					title="是否有发行机构提前终止权（人行二期）"
					hoverPerproty="issuerEarlyTermFlag"
					:required="true"
					:dataType="dataType"
				>
					<span
						class="clolos"
						v-if="['6'].includes(dataType) && publicCompare('issuerEarlyTermFlag', '是否有发行机构提前终止权（人行二期）', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-radio-group v-model="titleList.issuerEarlyTermFlag" :disabled="isBaseDisabled" @change="focusUpdate">
						<el-radio label="0">是</el-radio>
						<el-radio label="1">否</el-radio>
					</el-radio-group>
					<div class="blurmsg" v-if="isCheck && !!!titleList.issuerEarlyTermFlag">请确认是否有发行机构提前终止权（人行二期）</div>
				</div>
			</li>

			<li class="lis">
				<hoverCom
					class="div2"
					title="是否收益权转让产品（人行二期）"
					hoverPerproty="usufructTransferProductFlag"
					:required="false"
					:dataType="dataType"
				>
					<span
						class="clolos"
						v-if="['6'].includes(dataType) && publicCompare('usufructTransferProductFlag', '是否收益权转让产品（人行二期）', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-radio-group v-model="titleList.usufructTransferProductFlag" :disabled="isBaseDisabled" @change="focusUpdate">
						<el-radio label="0">是</el-radio>
						<el-radio label="1">否</el-radio>
					</el-radio-group>
					<div class="blurmsg" v-if="isCheck && !!!titleList.usufructTransferProductFlag">请确认是否收益权转让产品（人行二期）</div>
				</div>
				<hoverCom
					class="div2"
					title="是否货币市场基金（人行二期）"
					hoverPerproty="currencyMarketFundFlag"
					:required="true"
					:dataType="dataType"
				>
					<span
						class="clolos"
						v-if="['6'].includes(dataType) && publicCompare('currencyMarketFundFlag', '是否货币市场基金（人行二期）', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-radio-group v-model="titleList.currencyMarketFundFlag" :disabled="isBaseDisabled" @change="focusUpdate">
						<el-radio label="0">是</el-radio>
						<el-radio label="1">否</el-radio>
					</el-radio-group>
					<div class="blurmsg" v-if="isCheck && !!!titleList.currencyMarketFundFlag">请确认是否货币市场基金（人行二期）</div>
				</div>
			</li>

			<li class="lis">
				<hoverCom
					class="div2"
					title="产品资产是否存在增信措施（人行二期）"
					hoverPerproty="isAddcreditMeasure"
					:required="true"
					:dataType="dataType"
				>
					<span
						class="clolos"
						v-if="['6'].includes(dataType) && publicCompare('isAddcreditMeasure', '产品资产是否存在增信措施（人行二期）', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2" :class="{ div3: titleList.isAddcreditMeasure !== '0' }">
					<el-radio-group
						v-model="titleList.isAddcreditMeasure"
						:disabled="isBaseDisabled"
						@change="changeClear(['addCreditFormType', 'addCreditOrganType', 'addcreditMeasureType'])"
					>
						<el-radio label="0">是</el-radio>
						<el-radio label="1">否</el-radio>
					</el-radio-group>
					<div class="blurmsg" v-if="isCheck && !!!titleList.isAddcreditMeasure">请确认产品资产是否存在增信措施（人行二期）</div>
				</div>
				<hoverCom
					class="div2"
					title="增信措施类别"
					hoverPerproty="addcreditMeasureType"
					:required="true"
					:dataType="dataType"
					v-if="titleList.isAddcreditMeasure == '0'"
				>
					<span style="color: red" v-if="['6'].includes(dataType) && publicCompare('addcreditMeasureType', '增信措施类别', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2" v-if="titleList.isAddcreditMeasure == '0'">
					<el-select v-model="titleList.addcreditMeasureType" filterable clearable @change="focusUpdate" :disabled="isBaseDisabled">
						<el-option key="" label="--请选择--" value=""> </el-option>
						<el-option
							v-for="(item, index) in productDictList.addcreditMeasure"
							:key="index + 'ggg'"
							:label="item.typeName"
							:value="item.typeCode"
						>
						</el-option>
					</el-select>
					<div class="blurmsg" v-if="isCheck && !!!titleList.addcreditMeasureType">请选择增信措施类别</div>
				</div>
			</li>

			<li class="lis" v-if="titleList.isAddcreditMeasure == '0'">
				<hoverCom class="div2" title="增信机构类型（人行二期）" hoverPerproty="addCreditOrganType" :required="true" :dataType="dataType">
					<span
						style="color: red"
						v-if="['6'].includes(dataType) && publicCompare('addCreditOrganType', '增信机构类型（人行二期）', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-select v-model="titleList.addCreditOrganType" filterable clearable @change="focusUpdate" :disabled="isBaseDisabled">
						<el-option key="" label="--请选择--" value=""> </el-option>
						<el-option
							v-for="(item, index) in productDictList.addCreditOrganType"
							:key="index + 'ggg'"
							:label="item.typeName"
							:value="item.typeCode"
						>
						</el-option>
					</el-select>
					<div class="blurmsg" v-if="isCheck && !!!titleList.addCreditOrganType">请选择增信机构类型（人行二期）</div>
				</div>
				<hoverCom class="div2" title="增信形式（人行二期）" hoverPerproty="addCreditFormType" :required="true" :dataType="dataType">
					<span style="color: red" v-if="['6'].includes(dataType) && publicCompare('addCreditFormType', '增信形式（人行二期）', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-select v-model="titleList.addCreditFormType" filterable clearable :disabled="isBaseDisabled" @change="focusUpdate">
						<el-option key="" label="--请选择--" value=""> </el-option>
						<el-option
							v-for="(item, index) in productDictList.addCreditFormType"
							:key="index + 'ggg'"
							:label="item.typeName"
							:value="item.typeCode"
						>
						</el-option>
					</el-select>
					<div class="blurmsg" v-if="isCheck && !!!titleList.addCreditFormType">请选择增信形式（人行二期）</div>
				</div>
			</li>

			<li class="lis">
				<hoverCom class="div2" title="是否MOM" hoverPerproty="isMom" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('isMom', '是否MOM', 'baseInfo')">(未复核)</span>
				</hoverCom>
				<div class="div2">
					<el-radio-group v-model="titleList.isMom" :disabled="isBaseDisabled" @change="changeClear(['isSubAssets', 'momFundCode'])">
						<el-radio label="0">是</el-radio>
						<el-radio label="1">否</el-radio>
					</el-radio-group>
					<div class="blurmsg" v-if="isCheck && !!!titleList.isMom">请确认是否MOM</div>
				</div>
				<hoverCom class="div2" title="收益特征" hoverPerproty="revenueFeature" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('revenueFeature', '收益特征', 'baseInfo')">(未复核)</span>
				</hoverCom>
				<div class="div2">
					<el-select v-model="titleList.revenueFeature" :disabled="isBaseDisabled" filterable clearable @change="focusUpdate">
						<el-option value="" label="--请选择--"></el-option>
						<el-option
							v-for="(item, index) in productDictList.revenueFeature"
							:key="index + 'd'"
							:label="item.typeName"
							:value="item.typeCode"
						>
						</el-option>
					</el-select>
					<div class="blurmsg" v-if="isCheck && !!!titleList.revenueFeature">请选择收益特征</div>
				</div>
			</li>

			<li class="lis" v-show="titleList.isMom == '0'">
				<hoverCom class="div2" title="是否子资产单元" hoverPerproty="isSubAssets" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('isSubAssets', '是否子资产单元', 'baseInfo')">(未复核)</span>
				</hoverCom>
				<div class="div2" :class="{ div3: titleList.isSubAssets !== '0' }">
					<el-radio-group v-model="titleList.isSubAssets" :disabled="isBaseDisabled" @change="changeClear(['momFundCode'])">
						<el-radio label="0">是</el-radio>
						<el-radio label="1">否</el-radio>
					</el-radio-group>
					<div class="blurmsg" v-if="isCheck && !!!titleList.isSubAssets">请确认是否子资产单元</div>
				</div>
				<hoverCom
					class="div2"
					title="管理人中管理人产品代码"
					hoverPerproty="momFundCode"
					:required="true"
					:dataType="dataType"
					v-if="titleList.isSubAssets == '0'"
				>
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('momFundCode', '管理人中管理人产品代码', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2" v-if="titleList.isSubAssets == '0'">
					<el-input v-model="titleList.momFundCode" :disabled="isBaseDisabled" @input="focusUpdate"></el-input>
					<div class="blurmsg" v-if="isCheck && !!!titleList.momFundCode">请输入管理人中管理人产品代码</div>
				</div>
			</li>

			<li class="lis">
				<hoverCom class="div2" title="是否净值型产品" hoverPerproty="isNetWorthProduct" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('isNetWorthProduct', '是否净值型产品', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div3">
					<el-radio-group
						v-model="titleList.isNetWorthProduct"
						:disabled="isBaseDisabled"
						@change="changeClear(['valuationWay', 'valuationFrequency'])"
					>
						<el-radio label="0">是</el-radio>
						<el-radio label="1">否</el-radio>
					</el-radio-group>
					<div class="blurmsg" v-if="isCheck && !!!titleList.isNetWorthProduct">请确认是否净值型产品</div>
				</div>
			</li>

			<li class="lis" v-show="titleList.isNetWorthProduct == '0'">
				<hoverCom class="div2" title="估值方法" hoverPerproty="valuationWay" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('valuationWay', '估值方法', 'baseInfo')">(未复核)</span>
				</hoverCom>
				<div class="div2">
					<el-select v-model="titleList.valuationWay" :disabled="isBaseDisabled" filterable @change="focusUpdate" clearable>
						<el-option value="" label="--请选择--"></el-option>
						<el-option
							v-for="(item, index) in productDictList.valuationWay"
							:key="index + 'e'"
							:label="item.typeName"
							:value="item.typeCode"
						>
						</el-option>
					</el-select>
					<div class="blurmsg" v-if="isCheck && !!!titleList.valuationWay">请选择估值方法</div>
				</div>
				<hoverCom class="div2" title="估值频率" hoverPerproty="valuationFrequency" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('valuationFrequency', '估值频率', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-select v-model="titleList.valuationFrequency" :disabled="isBaseDisabled" filterable @change="focusUpdate" clearable>
						<el-option value="" label="--请选择--">--请选择--</el-option>
						<el-option
							v-for="(item, index) in productDictList.valuationFrequency"
							:key="index + 'f'"
							:label="item.typeName"
							:value="item.typeCode"
						>
						</el-option>
					</el-select>
					<div class="blurmsg" v-if="isCheck && !!!titleList.valuationFrequency">请选择估值频率</div>
				</div>
			</li>

			<li class="lis">
				<hoverCom class="div2" title="是否避险策略基金" hoverPerproty="isRiskTacticsFund" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('isRiskTacticsFund', '是否避险策略基金', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div3">
					<el-radio-group
						v-model="titleList.isRiskTacticsFund"
						:disabled="isBaseDisabled"
						@change="changeClear(['ensureObligorName', 'ensureObligorCode'])"
					>
						<el-radio label="0">是</el-radio>
						<el-radio label="1">否</el-radio>
					</el-radio-group>
					<div class="blurmsg" v-if="isCheck && !!!titleList.isRiskTacticsFund">请确认是否避险策略基金</div>
				</div>
			</li>

			<li class="lis" v-show="titleList.isRiskTacticsFund == '0'">
				<hoverCom class="div2" title="保障义务人代码" hoverPerproty="ensureObligorCode" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('ensureObligorCode', '保障义务人代码', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-input v-model="titleList.ensureObligorCode" type="text" @input="focusUpdate" :disabled="isBaseDisabled"></el-input>
					<div class="blurmsg" v-if="isCheck && !!!titleList.ensureObligorCode">请输入保障义务人代码</div>
				</div>
				<hoverCom class="div2" title="保障义务人名称" hoverPerproty="ensureObligorName" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('ensureObligorName', '保障义务人名称', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-input v-model="titleList.ensureObligorName" type="text" @input="focusUpdate" :disabled="isBaseDisabled"></el-input>
					<div class="blurmsg" v-if="isCheck && !!!titleList.ensureObligorName">请输入保障义务人名称</div>
				</div>
			</li>

			<li class="lis">
				<hoverCom class="div2" title="是否上市交易" hoverPerproty="isMarketTrade" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('isMarketTrade', '是否上市交易', 'baseInfo')">(未复核)</span>
				</hoverCom>
				<div class="div3">
					<el-radio-group v-model="titleList.isMarketTrade" :disabled="isBaseDisabled" @change="clearFileData('tradeNoActionLetterId')">
						<el-radio label="0">是</el-radio>
						<el-radio label="1">否</el-radio>
					</el-radio-group>
					<div class="blurmsg" v-if="isCheck && !!!titleList.isMarketTrade">请确认是否上市交易</div>
				</div>
			</li>

			<li class="lis" v-show="titleList.isMarketTrade == '0'">
				<hoverCom class="div2" title="上市基金类型" hoverPerproty="marketFundType" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('marketFundType', '上市基金类型', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-select v-model="titleList.marketFundType" :disabled="isBaseDisabled" filterable @change="codeChange('endListDate')" clearable>
						<el-option value="" label="--请选择--"></el-option>
						<el-option
							v-for="(item, index) in productDictList.marketFundType"
							:key="index + 'g'"
							:label="item.typeName"
							:value="item.typeCode"
						>
						</el-option>
					</el-select>
					<div class="blurmsg" v-if="isCheck && !!!titleList.marketFundType">请选择上市基金类型</div>
				</div>
				<hoverCom class="div2" title="上市交易场所" hoverPerproty="marketTradeSite" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('marketTradeSite', '上市交易场所', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-select v-model="titleList.marketTradeSite" filterable @change="focusUpdate" clearable :disabled="isBaseDisabled">
						<el-option value="" label="--请选择--"></el-option>
						<el-option
							v-for="(item, index) in productDictList.marketTradeSite"
							:key="index + 'h'"
							:label="item.typeName"
							:value="item.typeCode"
						>
						</el-option>
					</el-select>
					<div class="blurmsg" v-if="isCheck && !!!titleList.marketTradeSite">请选择上市交易场所</div>
				</div>
			</li>

			<li class="lis">
				<hoverCom class="div2" title="是否养老目标基金" hoverPerproty="isPensionTargetFund" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('isPensionTargetFund', '是否养老目标基金', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2" :class="{ div3: titleList.isPensionTargetFund !== '0' }">
					<el-radio-group v-model="titleList.isPensionTargetFund" :disabled="isBaseDisabled" @change="focusUpdate">
						<el-radio label="0">是</el-radio>
						<el-radio label="1">否</el-radio>
					</el-radio-group>
					<div class="blurmsg" v-if="isCheck && !!!titleList.isPensionTargetFund">请确认是否养老目标基金</div>
				</div>
				<hoverCom
					class="div2"
					title="投资策略"
					hoverPerproty="investTactics"
					:required="true"
					:dataType="dataType"
					v-show="titleList.isPensionTargetFund == '0'"
				>
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('investTactics', '投资策略', 'baseInfo')">(未复核)</span>
				</hoverCom>
				<div class="div2" v-show="titleList.isPensionTargetFund == '0'">
					<el-select
						v-if="titleList.isPensionTargetFund == '0'"
						v-model="titleList.investTactics"
						@change="focusUpdate"
						:disabled="isBaseDisabled"
						filterable
						clearable
					>
						<el-option value="" label="--请选择--"></el-option>
						<el-option
							v-for="(item, index) in productDictList.investTactics"
							:key="index + 'i'"
							:label="item.typeName"
							:value="item.typeCode"
						>
						</el-option>
					</el-select>
					<div class="blurmsg" v-if="isCheck && !!!titleList.investTactics">请选择投资策略</div>
				</div>
			</li>

			<li class="lis">
				<hoverCom class="div2" title="是否ETF联接基金" hoverPerproty="isEtfJoinFund" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('isEtfJoinFund', '是否ETF联接基金', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div3">
					<el-radio-group
						v-model="titleList.isEtfJoinFund"
						:disabled="isBaseDisabled"
						@change="changeClear(['targetFundCode', 'targetFundName'])"
					>
						<el-radio label="0">是</el-radio>
						<el-radio label="1">否</el-radio>
					</el-radio-group>
					<div class="blurmsg" v-if="isCheck && !!!titleList.isEtfJoinFund">请确认是否ETF联接基金</div>
				</div>
			</li>

			<li class="lis" v-show="titleList.isEtfJoinFund == '0'">
				<hoverCom class="div2" title="目标基金代码" hoverPerproty="targetFundCode" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('targetFundCode', '目标基金代码', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-input v-model="titleList.targetFundCode" type="text" @input="focusUpdate" :disabled="isBaseDisabled"></el-input>
					<div class="blurmsg" v-if="isCheck && !!!titleList.targetFundCode">请输入目标基金代码</div>
				</div>
				<hoverCom class="div2" title="目标基金名称" hoverPerproty="targetFundName" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('targetFundName', '目标基金名称', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-input v-model="titleList.targetFundName" type="text" @input="focusUpdate" :disabled="isBaseDisabled"></el-input>
					<div class="blurmsg" v-if="isCheck && !!!titleList.targetFundName">请输入目标基金名称</div>
				</div>
			</li>

			<li class="lis">
				<hoverCom class="div2" title="是否FOF基金" hoverPerproty="isFofFund" :required="false" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('isFofFund', '是否FOF基金', 'baseInfo')">(未复核)</span>
				</hoverCom>
				<div class="div2">
					<el-radio-group v-model="titleList.isFofFund" :disabled="isBaseDisabled" @change="focusUpdate">
						<el-radio label="0">是</el-radio>
						<el-radio label="1">否</el-radio>
					</el-radio-group>
					<!-- <div class="blurmsg" v-if="isCheck && !!!titleList.isFofFund">请确认是否FOF基金</div> -->
				</div>
				<hoverCom class="div2" title="成立规模" hoverPerproty="establishScale" :required="false" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('establishScale', '成立规模', 'baseInfo')">(未复核)</span>
				</hoverCom>
				<div class="div2">
					<el-input
						v-model="titleList.establishScale"
						type="text"
						:disabled="isBaseDisabled"
						@input="scale(titleList, 'establishScale')"
					></el-input>
					<!-- <div class="blurmsg" v-if="isCheck && !!!titleList.establishScale">请输入成立规模</div> -->
				</div>
			</li>

			<li class="lis">
				<hoverCom class="div2" title="是否发起式基金" hoverPerproty="isSponsoredFund" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('isSponsoredFund', '是否发起式基金', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-radio-group
						v-model="titleList.isSponsoredFund"
						:disabled="isBaseDisabled"
						@change="changeClear(['sponsoredSelfCapital', 'sponsoredAgreedTerm'])"
					>
						<el-radio label="0">是</el-radio>
						<el-radio label="1">否</el-radio>
					</el-radio-group>
					<div class="blurmsg" v-if="isCheck && !!!titleList.isSponsoredFund">请确认是否发起式基金</div>
				</div>
				<hoverCom class="div2" title="报社" hoverPerproty="newspaperId" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('newspaperId', '报社', 'baseInfo')">(未复核)</span>
				</hoverCom>
				<div class="div2">
					<el-select v-model="titleList.newspaperId" filterable clearable :disabled="isBaseDisabled" @change="focusUpdate">
						<el-option value="" label="--请选择--"></el-option>
						<el-option
							v-for="(item, index) in newSpaperList"
							:key="index + 'newspaperId'"
							:label="item.newspaper"
							:value="item.newspaperId"
						>
						</el-option>
					</el-select>
					<div class="blurmsg" v-if="isCheck && !!!titleList.newspaperId">请选择报社</div>
				</div>
			</li>

			<li class="lis" v-show="titleList.isSponsoredFund == '0'">
				<hoverCom class="div2" title="发起式自有资金" hoverPerproty="sponsoredSelfCapital" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('sponsoredSelfCapital', '发起式自有资金', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-input v-model="titleList.sponsoredSelfCapital" type="text" @input="focusUpdate" :disabled="isBaseDisabled"></el-input>
					<div class="blurmsg" v-if="isCheck && !!!titleList.sponsoredSelfCapital">请输入发起式自有资金</div>
				</div>
				<hoverCom class="div2" title="发起式约定年限" hoverPerproty="sponsoredAgreedTerm" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('sponsoredAgreedTerm', '发起式约定年限', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-input v-model="titleList.sponsoredAgreedTerm" type="text" @input="focusUpdate" :disabled="isBaseDisabled"></el-input>
					<div class="blurmsg" v-if="isCheck && !!!titleList.sponsoredAgreedTerm">请输入发起式约定年限</div>
				</div>
			</li>

			<li class="lis">
				<hoverCom class="div2" title="是否机构定制基金" hoverPerproty="isOrganCustom" :required="false" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('isOrganCustom', '是否机构定制基金', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-radio-group v-model="titleList.isOrganCustom" :disabled="isBaseDisabled" @change="changeClear(['organCustom'])">
						<el-radio label="0">是</el-radio>
						<el-radio label="1">否</el-radio>
					</el-radio-group>
				</div>
				<hoverCom class="div2" title="客户赎回权标识" hoverPerproty="customerRedemptionFlag" :required="false" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('customerRedemptionFlag', '客户赎回权标识', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-radio-group v-model="titleList.customerRedemptionFlag" :disabled="isBaseDisabled" @change="focusUpdate">
						<el-radio label="0">有</el-radio>
						<el-radio label="1">无</el-radio>
					</el-radio-group>
				</div>
			</li>

			<li class="lis" v-if="titleList.isOrganCustom == '0'">
				<hoverCom class="div2" title="定制机构信息" hoverPerproty="organCustom" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('organCustom', '定制机构信息', 'baseInfo')">(未复核)</span>
				</hoverCom>
				<div class="div3">
					<el-input
						type="textarea"
						v-model="titleList.organCustom"
						:disabled="isBaseDisabled"
						show-word-limit
						@input="focusUpdate"
						style="width: 100%"
					></el-input>
					<div class="blurmsg" v-if="isCheck && !!!titleList.organCustom">请输入定制机构信息</div>
				</div>
			</li>

			<!--  -->
			<li class="lis">
				<hoverCom
					class="div2"
					title="产品类型（证监会资管月报）"
					hoverPerproty="productAssetReportType"
					:required="true"
					:dataType="dataType"
				>
					<span
						class="clolos"
						v-if="['6'].includes(dataType) && publicCompare('productAssetReportType', '产品类型（证监会资管月报）', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-select v-model="titleList.productAssetReportType" :disabled="isBaseDisabled" filterable clearable @change="focusUpdate">
						<el-option value="" label="--请选择--"></el-option>
						<el-option
							v-for="(item, index) in productDictList.productAssetReportType"
							:key="index + 'g'"
							:label="item.typeName"
							:value="item.typeCode"
						>
						</el-option>
					</el-select>
					<div class="blurmsg" v-if="isCheck && !!!titleList.productAssetReportType">请选择产品类型（证监会资管月报）</div>
				</div>

				<hoverCom class="div2" title="分级基金类型" hoverPerproty="isGradFund" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('isGradFund', '分级基金类型', 'baseInfo')">(未复核)</span>
				</hoverCom>
				<div class="div2">
					<el-select v-model="titleList.isGradFund" :disabled="isBaseDisabled" filterable clearable @change="shareCategoryClear">
						<el-option value="" label="--请选择--"></el-option>
						<el-option
							v-for="(item, index) in productDictList.gradFundType"
							:key="index + 'c'"
							:label="item.typeName"
							:value="item.typeCode"
						>
						</el-option>
					</el-select>
					<div class="blurmsg" v-if="isCheck && !!!titleList.isGradFund">请选择分级基金类型</div>
				</div>
			</li>

			<!-- 2022-2-9 -->
			<li class="lis">
				<hoverCom class="div2" title="跨境理财通（人行）" hoverPerproty="crossBorderFinancial" :required="true" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('crossBorderFinancial', '跨境理财通（人行）', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-radio-group v-model="titleList.crossBorderFinancial" :disabled="isBaseDisabled" @change="focusUpdate">
						<el-radio label="0">是</el-radio>
						<el-radio label="1">否</el-radio>
					</el-radio-group>
					<div class="blurmsg" v-if="isCheck && !!!titleList.crossBorderFinancial">请确认是否跨境理财通（人行）</div>
				</div>

				<hoverCom
					class="div2"
					title="以财产权信托名义开展的资金信托（人行）"
					hoverPerproty="propertyFundTrust"
					:required="true"
					:dataType="dataType"
				>
					<span
						class="clolos"
						v-if="['6'].includes(dataType) && publicCompare('propertyFundTrust', '以财产权信托名义开展的资金信托（人行）', 'baseInfo')"
						>(未复核)</span
					>
				</hoverCom>
				<div class="div2">
					<el-radio-group v-model="titleList.propertyFundTrust" :disabled="isBaseDisabled" @change="focusUpdate">
						<el-radio label="0">是</el-radio>
						<el-radio label="1">否</el-radio>
					</el-radio-group>
					<div class="blurmsg" v-if="isCheck && !!!titleList.propertyFundTrust">请确认是否以财产权信托名义开展的资金信托（人行）</div>
				</div>
			</li>

			<li class="lis">
				<hoverCom class="div2" title="是否单一份额" hoverPerproty="isSingleShare" :required="false" :dataType="dataType">
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('isSingleShare', '是否单一份额', 'baseInfo')">(未复核)</span>
				</hoverCom>
				<div
					class="div2"
					:class="{
						div3: titleList.isSingleShare !== '1' || ['6', '4', '2'].includes(dataType),
					}"
				>
					<el-radio-group v-model="titleList.isSingleShare" :disabled="isBaseDisabled" @change="subordinateChange">
						<el-radio label="0">是</el-radio>
						<el-radio label="1">否</el-radio>
					</el-radio-group>
				</div>
				<div
					class="div4"
					v-if="titleList.isSingleShare == '1' && !['6', '4', '2'].includes(dataType)"
					style="display: flex; align-items: center; padding-left: 10px"
				>
					<el-button type="primary" size="mini" @click.native="addTr()"><i class="el-icon-circle-plus-outline" /></el-button>
					<el-button type="primary" size="mini" @click.native="removeTr()"><i class="el-icon-remove-outline" /></el-button>
				</div>
			</li>
		</ul>

		<!--  --------------------------------------  -->
		<div style="margin-top: 40px">
			<span v-if="['6'].includes(dataType)">
				<span style="color: red; margin-bottom: 10px; font-weight: 600" v-if="publiArraycCompare()">(下属基金未复核)</span>
			</span>
			<div
				v-if="!['6', '4', '2'].includes(dataType) && titleList.branchShareList.length"
				style="color: red; margin-bottom: 10px; font-weight: 600"
			>
				<span v-if="titleList.branchShareList.some((item) => !!!item.subFundType)"> 若未填写【下属基金类型】则该下属基金将不保存 </span>
			</div>
		</div>
		<ul class="uls">
			<template v-if="titleList.isSingleShare == '1'">
				<li class="lis" v-for="(item, index) in titleList.branchShareList" :key="index">
					<template v-if="'fundCode' in item && 'fundGradName' in item && 'fundGradFullName' in item">
						<div class="div2" style="width: 10%">
							<el-popover placement="top-start" width="200" trigger="hover" :content="$store.getters.hoverPerty.baseInfo.subFundType">
								<el-form slot="reference"><el-form-item label="下属基金类型" required></el-form-item></el-form>
							</el-popover>
						</div>
						<div class="div2" style="width: 10%">
							<div style="width: 100%" :style="`${isCheck && !!!item.subFundType ? 'height: 60px;' : 'height: 46px;'}`">
								<el-select
									v-model="item.subFundType"
									:disabled="isBaseDisabled"
									@input="subordinateFunc(index, item.fundCode)"
									filterable
									style="width: 100%"
									clearable
								>
									<el-option value="" label="--请选择--"></el-option>
									<el-option
										v-for="(item, index) in productDictList.subFundType"
										:key="index + 'g'"
										:label="item.typeName"
										:value="item.typeCode"
									>
									</el-option>
								</el-select>
								<div class="blurmsg" v-if="isCheck && !!!item.subFundType" style="position: initial">请选择下属基金类型</div>
							</div>
						</div>

						<div class="div4" style="width: 70%; border-right: none">
							<div style="display: flex">
								<div class="div4child">
									<div class="div4childlitem1">
										<el-popover
											placement="top-start"
											width="200"
											trigger="hover"
											:content="$store.getters.hoverPerty.baseInfo.fundCode"
										>
											<el-form slot="reference"><el-form-item label="基金代码（六位）" required></el-form-item></el-form>
										</el-popover>
									</div>
									<div class="div4childlitem2" style="border-right: 1px solid #dddddd">
										<el-input
											v-model="item.fundCode"
											:disabled="isBaseDisabled"
											@input="subordinateFunc(index, item.fundCode)"
											maxlength="6"
											placeholder="基金代码不足六位不予保存"
										></el-input>
										<div class="blurmsg" v-if="isCheck && !!!item.fundCode">请输入基金代码（六位）</div>
									</div>
								</div>

								<div class="div4child">
									<div class="div4childlitem1">
										<el-popover
											placement="top-start"
											width="200"
											trigger="hover"
											:content="$store.getters.hoverPerty.baseInfo.fundName"
										>
											<el-form slot="reference"><el-form-item label="下属份额类别简称"></el-form-item></el-form>
										</el-popover>
									</div>
									<div class="div4childlitem2" style="border-right: 1px solid #dddddd">
										<el-input v-model="item.fundGradName" type="text" :disabled="isBaseDisabled"></el-input>
									</div>
								</div>

								<div class="div4child">
									<div class="div4childlitem1">
										<el-popover
											placement="top-start"
											width="200"
											trigger="hover"
											:content="$store.getters.hoverPerty.baseInfo.fundFullName"
										>
											<el-form slot="reference"><el-form-item label="下属份额类别全称"></el-form-item></el-form>
										</el-popover>
									</div>
									<div class="div4childlitem2">
										<el-input v-model="item.fundGradFullName" type="text" :disabled="isBaseDisabled"></el-input>
									</div>
								</div>
							</div>
							<div style="display: flex">
								<div class="div4child" :style="`${titleList.isGradFund === '2' ? '' : 'border-bottom:none;'}`">
									<div class="div4childlitem1">
										<el-popover
											placement="top-start"
											width="200"
											trigger="hover"
											:content="$store.getters.hoverPerty.baseInfo.estimatedRaisedAmount"
										>
											<el-form slot="reference"><el-form-item label="预计募集金额" required></el-form-item></el-form>
										</el-popover>
									</div>
									<div class="div4childlitem2" style="border-right: 1px solid #dddddd">
										<el-input
											v-model="item.estimatedRaisedAmount"
											type="text"
											:disabled="isBaseDisabled"
											@input="item.estimatedRaisedAmount = digitalInput(item.estimatedRaisedAmount)"
										></el-input>
										<div class="blurmsg" v-if="isCheck && !!!item.estimatedRaisedAmount">请输入预计募集金额</div>
									</div>
								</div>
								<div class="div4child" :style="`${titleList.isGradFund === '2' ? '' : 'border-bottom:none;'}`">
									<div class="div4childlitem1">
										<el-form slot="reference"><el-form-item label="预计年收益率是否适用"></el-form-item></el-form>
									</div>
									<div class="div4childlitem2" style="border-right: 1px solid #dddddd">
										<el-radio v-model="item.isItSuitable" label="0" :disabled="isBaseDisabled" @change="webIsEst(item)"
											>适用</el-radio
										>
										<el-radio v-model="item.isItSuitable" label="1" :disabled="isBaseDisabled" @change="webIsEst(item)"
											>不适用</el-radio
										>
									</div>
								</div>
								<div class="div4child" :style="`${titleList.isGradFund === '2' ? '' : 'border-bottom:none;'}`">
									<div class="div4childlitem1">
										<el-popover
											placement="top-start"
											width="200"
											trigger="hover"
											:content="$store.getters.hoverPerty.baseInfo.estimatedAnnualRate"
										>
											<el-form slot="reference"
												><el-form-item label="预计年收益率" :required="item.isItSuitable == '0'"></el-form-item
											></el-form>
										</el-popover>
									</div>
									<div class="div4childlitem2">
										<el-input
											v-model="item.estimatedAnnualRate"
											@input="item.estimatedAnnualRate = digitalInput(item.estimatedAnnualRate)"
											type="text"
											:disabled="isBaseDisabled || item.isItSuitable !== '0'"
										></el-input>
										<div class="blurmsg" v-if="isCheck && !!!item.estimatedAnnualRate && item.isItSuitable == '0'">
											请输入预计年收益率
										</div>
									</div>
								</div>
							</div>

							<template v-if="titleList.isGradFund == '2'">
								<div class="div4child" style="border-bottom: none">
									<div class="div4childlitem1" style="border-right: 1px solid #dddddd; width: 16.7%">
										<el-popover
											placement="top-start"
											width="200"
											trigger="hover"
											:content="$store.getters.hoverPerty.baseInfo.shareCategory"
										>
											<el-form slot="reference"><el-form-item label="份额类别" required></el-form-item></el-form>
										</el-popover>
									</div>
									<div class="div4childlitem2" style="border-left: none; width: 83.3%">
										<el-select v-model="item.shareCategory" :disabled="isBaseDisabled" filterable style="width: 100%" clearable>
											<el-option value="" label="--请选择--"></el-option>
											<el-option
												v-for="(item, index) in productDictList.shareCategory"
												:key="index + 'g'"
												:label="item.typeName"
												:value="item.typeCode"
											>
											</el-option>
										</el-select>
										<div class="blurmsg" v-if="isCheck && !!!item.shareCategory">请选择份额类别</div>
									</div>
								</div>
							</template>
						</div>
						<div class="shianniu">
							<el-button v-if="!['6', '4', '2'].includes(dataType)" type="primary" size="mini" @click.native="addTr()"
								><i class="el-icon-circle-plus-outline"
							/></el-button>
							<el-button v-if="!['6', '4', '2'].includes(dataType)" type="primary" size="mini" @click.native="removeTr(`${index}`)"
								><i class="el-icon-remove-outline"
							/></el-button>
						</div>
					</template>
				</li>
			</template>

			<li class="lis">
				<hoverCom
					:style="titleList.isSingleShare === '1' ? `width: 20%` : ''"
					class="div2"
					title="备注"
					hoverPerproty="remark"
					:required="false"
					:dataType="dataType"
				>
					<span class="clolos" v-if="['6'].includes(dataType) && publicCompare('remark', '基础信息-备注', 'baseInfo')">(未复核)</span>
				</hoverCom>
				<div class="div3" :style="titleList.isSingleShare === '1' ? `width: 80%` : ''">
					<el-input
						type="textarea"
						v-model="titleList.remark"
						:disabled="isBaseDisabled"
						@input="focusUpdate"
						style="width: 100%"
						show-word-limit
					></el-input>
				</div>
			</li>
		</ul>
	</div>
</template>
<script>
import { saveStep } from '@/api/productApi/infoMain'
import { getEnum, dealIsNull, jsonArray } from '@/api/productApi/file'
import { mapGetters } from 'vuex'
import { publicCompare, publiArraycCompare } from '@/views/infoMain/publicList/components/dataCheck'
import { baseInfoReview } from '@/views/infoMain/publicList/components/dataReview'
import hoverCom from './hoverCom'
import { getNewspaperList } from '@/api/productApi/newspaper'
import { digitalInput } from '@/utils/DigitalInput'
import { defalutBaseInfo } from '../../default'
export default {
	name: 'PublicBaseInfo',
	components: {
		hoverCom
	},
	props: {
		setpFunc: {
			type: Function,
			default: Function
		},
		globalFSysCo: {
			type: Function,
			default: Function
		},
		resetRate: {
			type: Function,
			default: Function
		},
		fundSysCode: {
			type: String,
			default: ''
		},
		dataType: {
			type: String,
			default: ''
		},
		haveYouWalked: {
			type: Object,
			default: Object
		}
	},

	data() {
		return {
			titleList: {
				branchShareList: [] // 下属份额-页面显示信息
			},
			isBaseDisabled: false,
			productDictList: [],
			isCheck: false,
			publicCompare,
			publiArraycCompare,
			subFundTypeList: [],
			newSpaperList: [],
			digitalInput
		}
	},

	computed: {
		...mapGetters(['name'])
	},

	mounted() {
		this.getProductDictList()
		this.getNewspaperListFunc()
		this.defaultValue()
	},

	methods: {
		isBaseDisabledCom(data, msgShow) {
			this.isBaseDisabled = data
			this.isCheck = msgShow
		},

		edit(data) {
			if (!data.branchShareList) {
				data.branchShareList = []
			} else {
				if (Array.isArray(data.branchShareList) && data.branchShareList.length) {
					data.branchShareList.forEach(item => {
						item.isItSuitable = item.estimatedAnnualRate ? '0' : '1'
					})
				}
			}
			this.titleList = { ...this.titleList, ...jsonArray(data) }
			this.$forceUpdate(this.titleList)
		},

		scale(obj, property) {
			// 规定只能输入数字
			if (obj[property]) {
				obj[property] = digitalInput(obj[property])
			}
		},

		codeChange(property, num) {
			if (property === 'formalEvolveDate') {
				// 清空正式转型日
				if (!this.titleList.evolveBeforeCode && !this.titleList.evolveBeforeCode.trim()) {
					this.$bus.$emit('publicClearDate', property)
				}
			}
			if (property === 'nextOpenFirstDate') {
				// 清空下次开放期首日
				if (this.titleList.operateMode !== '1' || this.titleList.openFrequency === '1') {
					this.$bus.$emit('publicClearDate', property)
				}
				if (!num) {
					['openFrequency', 'openFrequencyRemark'].forEach(item => {
						this.titleList[item] = ''
					})
				}
			}
			if (property === 'firstRedemptionDate') {
				// 清空首次打开赎回日
				if (this.titleList.isHoldFund !== '0') {
					this.$bus.$emit('publicClearDate', property)
				}
			}
			if (property === 'endListDate') {
				// 清空终止上市日
				if (!['1', '2'].includes(this.titleList.marketFundType)) {
					this.$bus.$emit('publicClearDate', property)
				}
			}
			this.focusUpdate()
		},

		clearFileData(property) {
			// 清空联动文件信息
			this.$bus.$emit('publicClearFile', property)
			if (property !== 'applyAgreementId') {
				['marketFundType', 'marketTradeSite'].forEach(item => {
					this.titleList[item] = ''
				})
			}
			this.focusUpdate()
		},

		defaultValue() {
			// 当非查看状态时，赋值默认值
			setTimeout(() => {
				if ((this.dataType === '1' || this.dataType === '') && !this.haveYouWalked.baseMode) {
					defalutBaseInfo.forEach(item => {
						if (!this.titleList[item.key]) {
							this.$set(this.titleList, item.key, item.value)
						}
					})
				}
			})
		},

		subordinateChange() {
			// 改变是否下属基金，重置费率
			this.titleList.branchShareList = []
			if (!!this.dataType && this.dataType !== '1') {
				this.$emit('resetRate', 1, [])
			}
			if (this.titleList.isSingleShare === '1') {
				this.addTr()
			}
		},

		focusUpdate(property) {
			this.$forceUpdate()
		},

		subordinateFunc(key, value) {
			this.titleList.branchShareList.forEach((item, index) => {
				if (index !== key) {
					if (
						!!item.fundCode &&
						!!this.titleList.branchShareList[key].fundCode &&
						item.fundCode === this.titleList.branchShareList[key].fundCode
					) {
						this.$set(this.titleList.branchShareList[key], 'fundCode', '')
						this.$message({ type: 'warning', message: '下属基金代码不能相同' })
					}
					if (
						!!item.subFundType &&
						!!this.titleList.branchShareList[key].subFundType &&
						item.subFundType === this.titleList.branchShareList[key].subFundType
					) {
						this.$set(this.titleList.branchShareList[key], 'subFundType', '')
						this.$message({ type: 'warning', message: '下属基金类别不能相同' })
					}
				}
			})
			setTimeout(() => {
				if (!!this.dataType && this.dataType !== '1') {
					if (this.titleList.branchShareList[key].subFundType) {
						this.$emit('resetRate', 2, this.titleList.branchShareList)
					}
				}
			})
		},

		updateStoreData() {
			this.$store.state.fundStep.pucliktTotalData.productFundApply.baseInfo = jsonArray(dealIsNull(this.titleList))
			this.$store.state.fundStep.pucliktTotalData.fundSysCode = this.fundSysCode
			this.$store.state.fundStep.pucliktTotalData.productFundApply.baseInfo.branchShareList = jsonArray(
				this.titleList.branchShareList.filter(item => !!item.subFundType)
			)
		},

		// 下属份额add
		addTr() {
			const obj = {}
			obj.fundGradFullName = ''
			obj.fundGradName = ''
			obj.fundCode = ''
			obj.fundOutsideCode = ''
			obj.subFundType = ''
			obj.isItSuitable = '1'
			obj.shareCategory = ''
			obj.estimatedRaisedAmount = ''
			obj.estimatedAnnualRate = ''
			this.titleList.branchShareList.push(obj)
		},

		// 下属份额remove
		removeTr(index) {
			if (this.titleList.branchShareList.length) {
				if (index) {
					this.titleList.branchShareList.splice(Number(index), 1)
				} else {
					this.titleList.branchShareList.splice(this.titleList.branchShareList.length - 1, 1)
				}
			}
			if (!!this.dataType && this.dataType !== '1') {
				if (this.titleList.branchShareList.length) {
					this.$emit('resetRate', 2, this.titleList.branchShareList)
				} else {
					this.$emit('resetRate', 1, [])
				}
			}
		},

		// 获取枚举数据
		getProductDictList() {
			getEnum([
				'operateMode',
				'openFrequency',
				'fiduciaryDuty',
				'settleCurrency',
				'mixedInvestBias',
				'valuationWay',
				'valuationFrequency',
				'marketFundType',
				'marketTradeSite',
				'investTactics',
				'revenueFeature',
				'gradFundType',
				'riskGrade',
				'fundType',
				'subFundType',
				'productAssetReportType',
				'addcreditMeasure',
				'addCreditFormType',
				'addCreditOrganType',
				'shareCategory'
			]).then(res => {
				if (res.msgCode === 'Y') {
					this.productDictList = res.data.body
				}
			})
		},

		// 获取报社列表
		getNewspaperListFunc() {
			getNewspaperList().then(res => {
				if (res.msgCode === 'Y') {
					this.newSpaperList = res.data.body
				}
			})
		},

		shareCategoryClear() {
			if (Array.isArray(this.titleList.branchShareList) && this.titleList.branchShareList.length) {
				this.titleList.branchShareList.forEach(item => {
					item.shareCategory = ''
				})
			}
		},

		changeClear(list) {
			// 清除联动属性
			list.forEach(item => {
				this.titleList[item] = ''
			})
			this.$forceUpdate()
		},

		webIsEst(item) {
			item.estimatedAnnualRate = ''
		},

		// 完善信息切换步骤时保存切换前页面数据
		async switchingSteps() {
			const params = { productFundApply: {}, fundRaiseType: '1' }
			params.productFundApply.baseInfo = dealIsNull(this.titleList)
			params.productFundApply.baseInfo.branchShareList = this.titleList.branchShareList.filter(item => !!item.subFundType)
			params.fundSysCode = this.fundSysCode
			await saveStep(params).then(res => {
				if (res.msgCode === 'Y') {
					this.$emit('setpFunc', '1', res.data.body, '', 1)
				}
			})
			return true
		},

		ValidationRequired() {
			return baseInfoReview(this.titleList)
		},

		// 保存
		startDown(type) {
			this.isCheck = true
			this.CustomtextComfirm(() => {
				const params = { productFundApply: {}, fundRaiseType: '1' }
				params.productFundApply.baseInfo = dealIsNull(this.titleList)
				params.productFundApply.baseInfo.branchShareList = this.titleList.branchShareList.filter(item => !!item.subFundType)
				params.fundSysCode = this.fundSysCode
				saveStep(params).then(res => {
					if (res.msgCode === 'Y') {
						if (type === '下一步') {
							this.$emit('setpFunc', '1', res.data.body, '', 0)
						} else {
							this.$emit('setpFunc', '1', res.data.body, '', 1)
						}
						this.$message({ type: 'success', message: res.msg })
						this.$emit('globalFSysCo', res.data.body)
					}
				})
			}, `${!baseInfoReview(this.titleList).length ? '此操作将永久提交已编辑数据，是否继续' : `必填项 “ ${baseInfoReview(this.titleList).join('、')} ” 未填写，是否确认提交`}？`)
		}
	}
}
</script>
<style lang="scss" scoped >
.is-disabled {
	.el-input__inner {
		color: #606266 !important;
	}
}
.shianniu {
	border-right: 1px solid white;
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	width: 10%;
	display: flex;
	align-items: center;
	justify-content: center;
}
</style>
